*{
    box-sizing:border-box;
}
html{
    font-size: 26.67vw;
}
body{
	height:100%;
}
.root{
	width:3.75rem;
	height:6.67rem;
	background:url(../images/beijig.png) no-repeat;
	background-size: 100% 102%;
}
/*土豆玉米第一出场顺序*/
.img_one{
	position:absolute;
	z-index:2;
	left:-100%;
	width:100%;
	animation:left 1s linear;
	animation-fill-mode:forwards;
}
.img_one img{
	width:100%;
}
/*农民第三出场顺序*/
.img_two {
	position:absolute;
	z-index:2;
	top:-100%;
	width:100%;
	animation:top 1s linear 2.1s;
	animation-fill-mode:forwards;
}
.img_two img{
	width:100%;
}
/*豆子第二出场顺序*/
.img_three{
	position:absolute;
	right:-100%;
	z-index:2;
	width:100%;
	animation:right 1s linear 1.1s;
	animation-fill-mode:forwards;
}
.img_three img{
	width:100%;
}
/*输入框第四出场顺序*/
.img_four{
	position:absolute;
	opacity:0;
	animation:opac 1s linear 3.1s;
	animation-fill-mode:forwards;
}
.img_four img{
	width:100%;
}
.p_s_2{
	position:absolute;
	left:0.71rem;
	bottom:1.98rem;
	text-align: center;
}
.p_s_2 p {
	font-size:0.23rem;
	font-family:"zcool-gdh";
}
.p_s_2 p:nth-child(2){
	padding-left:0.93rem;
}
.p_s_2 p:last-child{
	color:#e9ba00;
}
.img_five {
	position:absolute;
	z-index:1;
}
.img_five img {
	width:100%;
}
/*赶快算算最后出*/
.img_six{
	position:absolute;
	z-index:9990;
	opacity:0;
	animation:opac 1s linear 4.1s;
	animation-fill-mode:forwards;
}
.img_six img {
	width:100%;
	height:100%;
}
.abp {
	position:absolute;
	font-family:"zcool-gdh";
	font-size:0.3rem;
	bottom:0.39rem;
	left:1.29rem;
}
.img_4 {
	width:0.4rem;
	position:absolute;
	top: 0.1rem;
    right: 0.15rem;
	z-index:9999;
}
.img_4 img {
	width:100%;
}
/*输入框最后出*/
.input {
	width:1.4rem;
	height:0.32rem;
	border:3px solid #000;
	position:absolute;
	border-radius:5px;
	bottom: 1rem;
    left: 0.31rem;
	color:#bbbbbb;
	z-index:9991;
	opacity:0;
	animation:opac 1s linear 4.1s;
	animation-fill-mode:forwards;
}
#ipt {
	height: 0.25rem;
    width: 1.33rem;
	border:0;
	border-radius:5px;
	padding-left:0.08rem;
	font-family:"zcool-gdh";
	font-size:0.155rem;
	color:#bbbbbb;
	z-index:9999;
}
/*选择框最后出*/
.choice {
	width:1.4rem;
	height:0.32rem;
	border:3px solid #000;
	position:absolute;
	border-radius:5px;
	bottom: 1rem;
	right: 0.38rem;
	background:url(../images/p4-1_03.png) no-repeat center right 10px;
	background-color:#fff;
	background-size:12% 38%;
	font-family:"zcool-gdh";
	padding-left:0.08rem;
	line-height:0.25rem;
	font-size:0.155rem;
	color:#bbbbbb;
	z-index:9997;
	opacity:0;
	animation:opac 1s linear 4.1s;
	animation-fill-mode:forwards;
}
.uls {
	width:1.4rem;
	height:0.92rem;
	border:3px solid #000;
	position:absolute;
	border-radius:5px;
	bottom: 1.3rem;
	right: 0.38rem;
	font-family:"zcool-gdh";
	font-size:0.2rem;
	background-color:#fff;
	text-align: center;
	padding-top: 23px;
	display:none;
	z-index:9990;
}
.uls li {
	color:#000;
}
/*遮罩*/
#shade{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	position:fixed;
	z-index:9998;
	display:none;
}
#img_p {
	display:none;
}
#img_p p {
	position:absolute;
	font-family:"zcool-gdh";
	font-size:0.25rem;
	top: 3.09rem;
    left: 1.31rem;
    z-index: 9999;
}
.img_name {
	width:100%;
	z-index:9999;
    width: 100%;
    position: absolute;
}
@keyframes right{
	0%{
		right:-100%;
	}
	100%{
		right:0;
	}
}
@keyframes left{
	0%{
		left:-100%;
	}
	100%{
		left:0;
	}
}
@keyframes top{
	0%{
		top:-100%;
	}
	100%{
		top:0;
	}
}
@keyframes opac{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}